<template>
  <div>
    <preface1 v-if="props.ModuleId == 1" :info="props.info" />
    <preface2 v-if="props.ModuleId == 2" :info="props.info" />
    <preface3 v-if="props.ModuleId == 3" :info="props.info" />
    <preface4 v-if="props.ModuleId == 4" :info="props.info" />
    <preface5 v-if="props.ModuleId == 5" :info="props.info" />
    <preface6 v-if="props.ModuleId == 6" :info="props.info" />
  </div>
</template>

<script setup lang="ts">
import { number } from 'echarts/core';
import preface1 from './preface1.vue';
import preface2 from './preface2.vue';
import preface3 from './preface3.vue';
import preface4 from './preface4.vue';
import preface5 from './preface5.vue';
import preface6 from './preface6.vue';

const props = defineProps({
  ModuleId: {
    type: Number,
  },
  info: {
    type: Object,
  },
});
</script>

<style lang="less" scoped>

</style>
